.warp{
    width:100%;
    height: 100%;
    .container{
        position:relative;
        width:100%;
        height:100%;
        min-width:1100px;
        min-height:650px;
        .login-title{
        	font-size: 60px;
		    text-align: center;
		    color: #fff;
		    margin-top: 10px;
		    position: absolute;
		    width: 100%;
		    height: 160px;
		    left:50%;
		    top: 50%;
		    margin-top: -303px;
		    transform: translateX(-50%);
    		overflow: hidden;
			.title-subhead{
				font-size:30px;
				color:#dcdcdc;
				margin-top:10px;
			}
        }
        .login-wrap{
            position:absolute;
            top:50%;
            left: 50%;
            transform: translateX(-50%);
            margin-top:-185px;
            padding-top:36px;
            height:380px;
			min-width:780px;
            border-radius:6px;
            box-sizing: border-box;

            .input-area{
				padding-top:40px;
                margin:0 auto;
				.input-item{
					position:relative;
					margin-bottom:20px;
					margin-right:10px;
					input{
						width: 300px;
						height:45px;
						line-height: 45px;
						padding:10px 0;
						padding-left:20px;
						outline: none;
						border:1px solid #adadad;
						border-radius:40px;
						text-indent: 10px;
						&:focus{
							border-color:#81b01b;
						}	

						font-size: 16px;
					}
					::-webkit-input-placeholder {
						/* WebKit browsers */
						color: #ccc;
					}

					:-moz-placeholder {
						/* Mozilla Firefox 4 to 18 */
						color: #ccc;
					}

					::-moz-placeholder {
						/* Mozilla Firefox 19+ */
						color: #ccc;
					}

					:-ms-input-placeholder {
						/* Internet Explorer 10+ */
						color: #ccc;
					}
					i{
						display: block;
						width:20px;
						height:20px;
						position:absolute;
						left: 15px;
						top: 12px;
					}
					.user{
						background-image:url("")
					}
					.password{
						background-image: url("")
					}
				}
				.input-item:last-child{
					marign-right:0px;
				}
				.btn{
					display:block;
					text-align: center;
					line-height:45px;
					color:#fff;
					font-size: 16px;
					background-color:#ff7800;
					border-radius:3px;
					width:140px;
					border-radius:40px;
					&:hover{
						background-color:#ff6600;
					}
					&:after{
						content: "";
						border: 2px solid #fff;
						width: 8px;
						height: 8px;
						transform: rotate(45deg);
						position: absolute;
						border-left: 0px;
						border-bottom: 0px;
						margin-top: 18px;
						margin-left: 20px;
					}
				}
            }
        }
		.logo-foot{
			position: absolute;
			bottom:3%;
			left:50%;
			transform: translateX(-50%);
			.logo{
				width: 179px;
				height:47px;
				margin:0 auto;
				background-repeat:no-repeat;
			}
		}
    }
}